<template>
  <div class="login">
    <div class="domain">
      {{ organName }}
    </div>
    <div class="login_box">
      <h3 style="margin-bottom: 40px; color: #666666">登录</h3>
      <el-form
        :model="loginForm"
        @keyup.enter.native="loginSubmitForm('rulesLoginForm')"
        status-icon
        class="demo-ruleForm"
        :rules="rulesForm"
        ref="rulesLoginForm"
      >
        <el-form-item prop="userName" class="login-form">
          <el-input
            prefix-icon="el-icon-user-solid"
            placeholder="账号"
            v-model="loginForm.userName"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item prop="password" class="login-form">
          <el-input
            prefix-icon="el-icon-unlock"
            placeholder="密码"
            type="password"
            v-model="loginForm.password"
            autocomplete="off"
            show-password
          ></el-input>
        </el-form-item>
        <el-form-item class="login-form" prop="code">
          <el-row type="flex" align="center" justify="space-between">
            <el-input
              class="code_wid"
              placeholder="验证码"
              maxLength="4"
              v-model="loginForm.code"
            ></el-input>
            <div class="coderight" @click="changeCode()">
              <SIdentify :identifyCode="identifyCode"></SIdentify>
            </div>
          </el-row>
        </el-form-item>
<!--        <el-form-item style="padding: 0;margin: 0">-->
<!--          <el-radio v-model="radio" label="ds">电商</el-radio>-->
<!--          <el-radio v-model="radio" label="js">计数器</el-radio>-->
<!--        </el-form-item>-->
        <el-form-item prop="isChecked">
          <el-checkbox v-model="loginForm.isChecked" style="float: left"
            >我已同意
            <label style="color:#fd9800" @click="showServeRules = true">
              《服务协议》
            </label>
          </el-checkbox>
        </el-form-item>
        <el-form-item>
          <el-button
            class="login_btn"
            type="primary"
            @click="loginSubmitForm('rulesLoginForm')"
          >
            登录
          </el-button>
        </el-form-item>
      </el-form>
    </div>

    <el-dialog title="用户协议" center :visible.sync="showServeRules">
      <el-scrollbar style="width: 100%; height: 430px">
        <div class="userAgreementDialogItem">
          更新日期：2021年3月17日
        </div>
        <div class="userAgreementDialogItem">
          生效日期：2021年3月17日
        </div>
        <div class="userAgreementDialogItemTitle">
          1.导言
        </div>
        <div class="userAgreementDialogItem">
          欢迎您使用“{{ organName }}”软件及相关服务！
        </div>
        <div class="userAgreementDialogItem">
          “{{
            organName
          }}”软件及相关服务，系指我们（以下以商标简称“本公司”）合法拥有并运营的、标注名称为“{{
            organName
          }}”的客户端应用程序（同时含其简化版等不同版本）以及相关网站（我们官网）、公众号向您提供的产品与服务，包括但不限于AI生成视频、促成消费者同意自动转发短视频推广等核心功能及其他功能。《“{{
            organName
          }}”用户服务协议》（以下称“本协议”）是您与本公司就您下载、安装、注册、登录、使用（以下统称“使用”）“{{
            organName
          }}”软件，并获得“{{ organName }}”软件提供的相关服务所订立的协议。
        </div>
        <div class="userAgreementDialogItem">
          为了更好地为您提供服务，请您在开始使用“{{
            organName
          }}”软件及相关服务之前，认真阅读并充分理解本协议，其中，免除或者限制责任条款等重要内容将以加粗形式提示您注意，您应重点阅读。
        </div>
        <div class="userAgreementDialogItem">
          如您不同意本协议，这将导致本公司无法为您提供完整的产品和服务，您也可以选择停止使用。如您一旦使用“{{
            organName
          }}”软件及相关服务，则视为您已充分理解本协议，并同意作为本协议的当事人接受本协议的约束。
        </div>
        <div class="userAgreementDialogItem">
          本公司有权依“{{
            organName
          }}”软件及相关服务或运营的需要单方决定，安排或指定本公司认可的第三方公司运营“{{
            organName
          }}”软件。并且，就本协议项下涉及的某些服务，可能会由本公司认可的第三方公司向您提供。您知晓并同意接受相关服务内容，即视为接受相关权利义务关系亦受本协议约束。
        </div>
        <div class="userAgreementDialogItem">
          本协议在您开始使用“{{
            organName
          }}”软件及相关服务即产生法律效力。无论有无其他约定，用户登录“{{
            organName
          }}”客户端后台或扫码即表示用户已接受了本协议的全部的条款和条件及本公司随时对其所做的修改，并同意接受“{{
            organName
          }}”现有的及不时更新的或新发布的用户服务条款以及其他各项规则、制度等的约束。
        </div>
        <div class="userAgreementDialogItemTitle">
          2.服务内容
        </div>
        <div class="userAgreementDialogItem">
          2.1 本公司为“{{
            organName
          }}”的所有者及经营者，完全按照其发布的服务条款和操作规则提供基于AI生成视频、促成消费者同意自动转发短视频推广的相关服务（以下简称"“{{
            organName
          }}”软件及相关服务"），“{{
            organName
          }}”软件及相关服务的具体内容由本公司根据实际情况提供。
        </div>
        <div class="userAgreementDialogItem">
          2.2 您一旦购买"“{{
            organName
          }}”软件及相关服务，您将得到一个密码、账号和授权的推广次数，您需要对自己在帐户中的所有活动和事件负全责。如果由于您违反本协议的任何操作或由于您的过失导致您的帐号和密码脱离您的控制，则由此导致的针对您、或任何第三方造成的损害，您将承担全部责任。
        </div>
        <div class="userAgreementDialogItem">
          2.3 用户理解并接受，本公司仅提供“{{
            organName
          }}”软件及相关服务，除此之外与相关“{{
            organName
          }}”软件及相关服务有关的设备（如手机、短视频APP的账号）及所需的费用（如手机费、办理实名手机卡的费用、流量费、上网费等）均应由用户自行负担。
        </div>
        <div class="userAgreementDialogItem">
          2.4 除非得到本公司明示事先书面授权，您不得以任何形式对“{{
            organName
          }}”软件及相关服务进行包括但不限于改编、复制、传播、垂直搜索、镜像或交易等未经授权的访问或使用。
        </div>
        <div class="userAgreementDialogItemTitle">
          3.用户使用规则
        </div>
        <div class="userAgreementDialogItem">
          您应对您使用“{{
            organName
          }}”软件及相关服务的行为负责，除非法律允许或者经本公司事先书面许可，您使用“{{
            organName
          }}”软件及相关服务必须遵循以下原则：
        </div>
        <div class="userAgreementDialogItem">
          3.1 遵守中国有关的法律和法规；
        </div>
        <div class="userAgreementDialogItem">
          3.2 不得利用“{{
            organName
          }}”从事危害国家安全、泄露国家机密等违法犯罪行为；
        </div>
        <div class="userAgreementDialogItem">
          3.3 不得利用“{{
            organName
          }}”传播妨碍社会治安和宣传封建迷信、淫秽黄色等信息；窃取、泄露国家秘密、情报或者军事机密;煽动民族仇恨、民族歧视，破坏民族团结;组织邪教活动、联络邪教组织成员破坏国家法律、行政法规实施；
        </div>
        <div class="userAgreementDialogItem">
          3.4 不得利用“{{ organName }}”进行窃取、诈骗、敲诈勒索；
        </div>
        <div class="userAgreementDialogItem">
          3.5 遵守所有与网络服务有关的网络协议、规定和程序；
        </div>
        <div class="userAgreementDialogItem">
          3.6 不得为任何非法目的而使用“{{ organName }}”；
        </div>
        <div class="userAgreementDialogItem">
          3.7 遵守目标短视频APP的用户行为规范要求，不得利用本公司“{{
            organName
          }}”软件系统进行任何可能对短视频APP正常运转造成不利影响的行为；
        </div>
        <div class="userAgreementDialogItem">
          3.8 不得利用“{{
            organName
          }}”开展各种形式违反社会公德和商业操守的广告业务；当消费者明确表示拒绝后，不得强行要求其帮助推广；
        </div>
        <div class="userAgreementDialogItem">
          3.9 “{{
            organName
          }}”功能是帮助线下实体商业用短视频推广的系统，不得利用“{{
            organName
          }}”出售给任何第三方发布违规视频和广告行为；
        </div>
        <div class="userAgreementDialogItem">
          3.10 不得利用“{{ organName }}”侵犯个人隐私；
        </div>
        <div class="userAgreementDialogItem">
          3.11
          不得侵犯本公司和其他任何第三方的专利权、著作权、商标权、名誉权或其他任何合法权益；
        </div>
        <div class="userAgreementDialogItem">
          3.12 不得利用本公司“{{ organName }}”进行任何不利于本公司的行为；
        </div>
        <div class="userAgreementDialogItem">
          3.13
          如发现任何非法使用用户帐号或帐号出现安全漏洞的情况，应立即通告本公司。
        </div>
        <div class="userAgreementDialogItem">
          3.14
          本公司设立了素材（包括文字、图片、视频等形式）的审查制度，如果本公司有理由认为您的行为违反或可能违反上述约定的，本公司可独立进行判断并处理，且在任何时候有权在不事先通知的情况下终止向您提供服务，并依法追究相关责任。
        </div>
        <div class="userAgreementDialogItem">
          3.15
          因您违反本协议规定，引起第三方投诉或诉讼索赔的，您应当自行处理并承担可能因此产生的全部法律责任。因您的违法或违约等行为导致本公司及其关联方向任何第三方赔偿或遭受国家机关处罚的，您还应足额赔偿本公司及其关联方因此遭受的全部损失。
        </div>
        <div class="userAgreementDialogItemTitle">
          4.服务的变更、中断和终止
        </div>
        <div class="userAgreementDialogItem">
          4.1
          鉴于网络服务的特殊性，用户同意本公司有权根据业务发展情况随时变更、中断或终止部分或全部的软件服务而无需通知用户，也无需对任何用户或任何第三方承担任何责任。
        </div>
        <div class="userAgreementDialogItem">
          4.2
          用户理解，本公司需要定期或不定期地对提供软件服务的平台（如互联网网站、移动网络等）或相关的设备进行检修或者维护，如因此类情况而造成网络服务在合理时间内的中断，本公司无需为此承担任何责任，但本公司应尽可能事先进行通告。
        </div>
        <div class="userAgreementDialogItem">
          4.3
          如发生下列任何一种情形，本公司有权随时中断或终止向用户提供本《协议》项下的“{{
            organName
          }}”软件及相关服务，不退还所有已支付的款项，而无需对用户或任何第三方承担任何责任：
        </div>
        <div class="userAgreementDialogItem">
          a) 用户没有按照合同、订单或约定及时支付费用；
        </div>
        <div class="userAgreementDialogItem">
          b)
          用户违反本《协议》中规定的使用规则，除有权立即停止服务外，还根据情节严重程度向有关机关报案。
        </div>
        <div class="userAgreementDialogItemTitle">
          5.知识产权
        </div>
        <div class="userAgreementDialogItem">
          5.1 权利声明： 本协议下的一切知识产权，以及与”{{
            organName
          }}”相关的所有信息内容，包括但不限于：文字表述及其组合、图标、图饰、图像、图表、色彩、界面设计、版面框架、有关数据、附加程序、印刷材料或电子文档、商标专用权、软件著作权等均为本公司所有，受著作权法和国际著作权条约以及其他知识产权法律法规的保护。
        </div>
        <div class="userAgreementDialogItem">
          5.2 权利限制
        </div>
        <div class="userAgreementDialogItem">
          5.2.1 禁止反向工程、反向编译和反向汇编：用户不得对“{{
            organName
          }}”进行反向工程、反向编译或反向汇编，同时不得改动编译在程序文件内部的任何资源。除法律、法规明文规定允许上述活动外，用户必须遵守此协议限制。
        </div>
        <div class="userAgreementDialogItem">
          5.2.2 组件分割:“{{ organName }}”是作为一个单一产品而被授予许可使用,
          用户不得将各个部分分开用于任何目的。
        </div>
        <div class="userAgreementDialogItem">
          5.2.3 用户无权实施包括但不限于下列行为：
        </div>
        <div class="userAgreementDialogItem">
          5.2.3.1 对“{{ organName }}”功能进行删除、修改、增加、干扰，造成“{{
            organName
          }}”不能正常运行；
        </div>
        <div class="userAgreementDialogItem">
          5.2.3.2 故意避开或者破坏著作权人为保护本软件著作权而采取的技术措施；
        </div>
        <div class="userAgreementDialogItem">
          5.2.3.3 利用“{{ organName }}”误导、欺骗他人。
        </div>
        <div class="userAgreementDialogItem">
          5.2.3.4
          破坏本软件系统或网站的正常运行，故意传播计算机病毒等破坏性程序；
        </div>
        <div class="userAgreementDialogItem">
          5.2.3.5 不得使用“{{
            organName
          }}”发布违反国家法律的非法广告信息，如色情，赌博等，其造成的一切后果与本公司无关。违法行为一经发现，本公司有权终止服务并追究法律责任。
        </div>
        <div class="userAgreementDialogItem">
          5.3 用户应协助本公司处理侵犯本公司知识产权的事件。
        </div>
        <div class="userAgreementDialogItem">
          5.4 非经本公司书面同意，用户不得以任何方式向第三方披露、转让和许可“{{
            organName
          }}”有关的技术成果、计算机软件、技术诀窍、秘密信息、技术资料和文件。
        </div>
        <div class="userAgreementDialogItem">
          5.5 用户应当依照本协议约定合理使用“{{
            organName
          }}”，不得违反上述约定，不得以任何方式对“{{
            organName
          }}”进行复制、反向工程等，不得将产品用于其它违反法律法规等相关规定的目的。如有发现，则本公司除已收取的费用不予退还外，同时本公司享有单方解除本协议的权利，解除自通知到达用户之日起生效，另本公司有权追究用户的法律责任。
        </div>
        <div class="userAgreementDialogItemTitle">
          6.免责声明
        </div>
        <div class="userAgreementDialogItem">
          6.1
          本公司不担保软件服务一定能满足用户的要求，也不担软件服务不会中断，对软件服务的及时性、安全性、准确性也都不作担保。
        </div>
        <div class="userAgreementDialogItem">
          6.2
          对于可能遇到不可抗力等因素（不可抗力是指不能预见、不能克服并不能避免的客观事件），包括但不限于政府行为、自然灾害（如洪水、地震、台风等）、网络原因、战争、罢工、骚乱等。出现不可抗力情况时，本公司将努力在第一时间及时修复，但因不可抗力造成的暂停、中止、终止服务或造成的任何损失，本公司在法律法规允许范围内免于承担责任。
        </div>
        <div class="userAgreementDialogItem">
          6.3
          本公司依据本协议约定获得处理违法违规内容的权利，该权利不构成本公司的义务或承诺，本公司不能保证及时发现违法行为或进行相应处理。
        </div>
        <div class="userAgreementDialogItem">
          6.4 关于“{{
            organName
          }}”软件及相关服务，本公司不提供任何种类的明示或暗示担保或条件，包括但不限于商业适售性、特定用途适用性等。您对“{{
            organName
          }}”软件及相关服务的使用行为应自行承担相应风险。
        </div>
        <div class="userAgreementDialogItem">
          6.5
          本协议旨在保障遵守国家法律法规、维护公序良俗，保护用户和他人合法权益，本公司在能力范围内尽最大的努力按照相关法律法规进行判断，但并不保证本公司判断完全与司法机关、行政机关的判断一致，如因此产生的后果您已经理解并同意自行承担。
        </div>
        <div class="userAgreementDialogItem">
          6.6
          在任何情况下，本公司均不对任何间接性、后果性、惩罚性、偶然性、特殊性或刑罚性的损害，包括因您使用“{{
            organName
          }}”软件及相关服务而遭受的利润损失，承担责任。除法律法规另有明确规定外，本公司对您承担的全部责任，无论因何原因或何种行为方式，始终不超过您因使用“{{
            organName
          }}”软件及相关服务期间而支付给本公司的费用（如有）。
        </div>
        <div class="userAgreementDialogItemTitle">
          7.法律及争议解决
        </div>
        <div class="userAgreementDialogItem">
          7.1 本协议适用中华人民共和国法律。
        </div>
        <div class="userAgreementDialogItem">
          7.2
          本协议的签署地点为中华人民共和国浙江省杭州市西湖区，若您与本公司发生任何争议，双方应尽量友好协商解决，协商不成，您同意应将争议提交至杭州市西湖区人民法院诉讼解决。
        </div>
        <div class="userAgreementDialogItemTitle">
          8.其他条款
        </div>
        <div class="userAgreementDialogItem">
          8.1
          如果本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，或违反任何适用的法律，则该条款被视为删除，但本协议的其余条款仍应有效并且有约束力。
        </div>
        <div class="userAgreementDialogItem">
          8.2
          本公司有权随时根据有关法律、法规的变化以及本公司经营状况和经营策略的调整等修改本协议，而无需另行单独通知用户。用户可随时通过登录软件系统浏览最新服务协议条款。当发生有关争议时，以最新的协议文本为准。如果不同意本公司对本协议相关条款所做的修改，用户有权停止使用网络服务。如果用户继续使用网络服务，则视为用户接受本公司对本协议相关条款所做的修改。
        </div>
        <div class="userAgreementDialogItem">
          8.3 本公司在法律允许最大范围对本协议拥有解释权与修改权。
        </div>
      </el-scrollbar>
      <span slot="footer">
        <el-button
          style="color: #fff; background-color:#fd9800;width: 60%"
          @click="showServeRules = false"
          >确定</el-button
        >
      </span>
    </el-dialog>
    <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :show-close="false"
      width="50%">
      <div slot="title" style="background-color: #4295ff;text-align: center">
        <div style="color: #ffffff;font-size: 30px">使用提示</div>
        <div style="color: #ffffff;margin-top: 10px">本系统旨在帮助企业找到海外经销商，拓展海外销售渠道，赋能企业一站式出海。</div>
        <div style="color: #ffffff;padding-bottom: 10px">严禁使用本系统实施违反国家法律法规和公序良俗的行为，包括但不限于以下情形：</div>
      </div>
      <div>
      <div>1、危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的、损害国家荣誉和利益的、煽动民族仇恨、民族歧视，破坏民族团结的政治行为。</div>
      <div>2、违反法律法规底线、社会主义制度底线、国家利益底线、公民合法权益底线、社会公共秩序底线、道德风尚底线和信息真实性底线的“七条底线”要求的行为。</div>
      <div>3、非法发布和非法使用：黄、赌、毒、金融、淫秽、色情、赌博、诈骗、VPN、互联网平台账号、非法数据、政治等国家法律法规禁止的行为和领域，包括但不限于以上的黑灰产业。</div>
      <div>4、如您在使用本系统需要进行国际联网的，需严格遵守（中华人民共和国计算机信息网络国家联网管理暂行规定）的有关规定。提交审核的资质材料为真实合法资质，审核材料未造假，且我从事行业为合法行业，符合国家法律法规。</div>
      <div>5、其他法律法规禁止的行为。</div>
      <div style="margin-top: 10px;color: #000000">违反以上约定，我方有权进行独立判断并采取相应措施，包含但不限于通过技术手段暂停或终止向您提供服务、限制、中止、冻结、或终止您的相关账户，追究法律责任等措施，违反中华人民共和国法律法规，相关国家机关或机构对您提起诉讼、罚款或者采取其他制裁措施的，您应自行承担全部责任，我方不承担任何责任，必要时，我方也严格依照法律法规为相关国家机关或机构提供协助，除此之外，使用本系统实施违反国家法律法规规定或者道德风俗行为的，您应当为此独立承担责任，我方不承担任何责任。</div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button v-if="this.sumContent !== '我已知悉'" type="primary" @click="dialogVisible = false" disabled>{{sumContent}}</el-button>
        <el-button v-else type="primary" @click="sentUrlToEms">{{sumContent}}</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import API from "@/network/api/loginApi";
import SIdentify from "@/views/identify/Identify";
import { setUserinfo } from "@/utils";
import { createSign } from "@/utils/sign";

export default {
  name: "Login",
  components: {
    SIdentify
  },
  data() {
    return {
      organName: "",
      rulesForm: {
        // 验证用户名
        userName: [
          {
            required: true,
            message: "请输入账号",
            trigger: "blur"
          }
        ],
        //  验证密码
        password: [
          {
            required: true,
            message: "请输入密码",
            trigger: "blur"
          }
        ],
        code: [
          {
            required: true,
            message: "请输入验证码",
            trigger: "blur"
          }
        ],
        isChecked: [
          {
            required: true,
            message: "未勾选服务协议",
            trigger: "blur"
          }
        ]
      },
      // radio: 'ds',
      loginForm: {
        userName: "",
        password: "",
        code: "",
        isChecked: true
      },
      loginParamForm: {
        userName: "",
        password: "",
        timestamp: ""
        // type: ''
      },
      showServeRules: false,
      currentURL: null,
      imageCheck: "",
      codeCheck: "",
      loginName: "",
      identifyCode: "1234",
      identifyCodes: "1234567890",
      dialogVisible: false,
      sum: 10,
      sumContent: '我已知悉10s'
    };
  },
  mounted() {
    this.identifyCode = "";
    this.makeCode(this.identifyCodes, 4);
    // 禁用浏览器返回
    history.pushState(null, null, document.URL);
    window.addEventListener(
      "popstate",
      function(e) {
        history.pushState(null, null, document.URL);
      },
      false
    );
    setTimeout(() => {
      this.getTitle();
    }, 500);
  },
  methods: {
    sentUrlToEms() {
      this.dialogVisible = false;
      this.$router.push("/ems");
    },
    async getTitle() {
      const title = document.title;
      // console.log(title)
      if (title === "ADMIN") {
        this.organName = "门店推推";
      } else {
        this.organName = title;
      }
    },
    // 提交
    loginSubmitForm(str) {
      this.$refs[str].validate(valid => {
        if (this.loginForm.code !== this.identifyCode) {
          this.$message({
            type: "warning",
            message: "验证码错误"
          });
          this.loginForm.code = "";
          this.loginForm.password = "";
          this.changeCode();
          return;
        }
        if (this.loginForm.isChecked === false) {
          this.$message({
            type: "warning",
            message: "未勾选服务协议"
          });
          this.loginForm.isChecked = false;
          return;
        }
        if (!valid) return;
        this.loginParamForm.userName = this.loginForm.userName;
        this.loginParamForm.password = this.$md5(this.loginForm.password);
        this.loginParamForm.timestamp = new Date().getTime();
        // this.loginParamForm.type = this.radio;
        if (this.loginParamForm.sign) {
          delete this.loginParamForm.sign;
        }
        this.loginParamForm.sign = createSign(
          JSON.stringify(this.loginParamForm)
        );
        // localStorage.setItem('userInfoDecode', this.loginParamForm);
        API.userLogin(this.loginParamForm).then(res => {
          if (res.data.code === 0) {
            setUserinfo(res.data.data.token);
            const userInfo = res.data.data;
            // 将用户信息存入localStorage
            localStorage.setItem("updateUserInfo", JSON.stringify(userInfo));
            // console.log(userInfo);
            if (userInfo.userPlatform === "SMS") {
              this.$router.push("/sms");
            } else if (userInfo.userPlatform === "OMS") {
              this.$router.push("/oms");
            } else if (userInfo.userPlatform === "PMS") {
              this.$router.push("/pms");
            } else if (userInfo.userPlatform === "EMS") {
              localStorage.setItem("userInfoDecode", JSON.stringify(this.loginForm));
              this.dialogVisible = true
              let clock = window.setInterval(() => {
                this.sum--
                this.sumContent = '我已知悉 ' + this.sum + 's'
                if (this.sum === 0) {
                  clearInterval(clock)
                  this.sumContent = '我已知悉'
                }
              },1000)
              // this.$router.push("/ems");
            } else {
              this.$router.push("/404");
            }
          } else {
            this.$message({
              type: "warning",
              // 取文字展示
              message: res.data.msg.match(/[\u4e00-\u9fa5]/g).join("")
            });
            this.loginForm.code = "";
            this.loginForm.password = "";
            this.changeCode();
          }
        });
      });
    },
    // 点击验证码刷新验证码
    changeCode() {
      this.identifyCode = "";
      this.makeCode(this.identifyCodes, 4);
    },
    // 生成一个随机整数  randomNum(0, 10) 0 到 10 的随机整数， 包含 0 和 10
    randomNum(min, max) {
      max = max + 1;
      return Math.floor(Math.random() * (max - min) + min);
    },
    // 随机生成验证码字符串
    makeCode(data, len) {
      for (let i = 0; i < len; i++) {
        this.identifyCode += data[this.randomNum(0, data.length - 1)];
      }
    },
  }
};
</script>

<style scoped>
@import url("../assets/css/login.css");

* {
  box-sizing: content-box;
}
/deep/ .el-dialog__header {
 padding: 0;
}
/deep/ .el-input__inner {
  border: none;
}

/* 隐藏横向滚动条 */
/deep/ .el-scrollbar__wrap {
  overflow-x: hidden;
}
/deep/ .el-scrollbar__thumb {
  background-color: #fd9800;
}

/deep/ .el-dialog--center .el-dialog__body {
  padding-bottom: 15px;
}
</style>
